{% extends "layout.html" %}
{% block content%}
<div class="get">
    <div class="am-g">
        <div class="am-u-lg-12">
            <h1 class="get-title">改变世界    改变自己</h1>
            <p>
                和我一起不只是高能又高效
            </p>
            <p>
                <a href="http://github.com/kphcdr/ppphp" target="_blank" class="am-btn am-btn-sm get-btn">View On Github</a>
            </p>
        </div>
    </div>
</div>

<div class="detail">
    <div class="am-g am-container">
        <div class="am-u-lg-12">
            <h2 class="detail-h2">为你做的多很多</h2>

            <div class="am-g">
                <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">

                    <h3 class="detail-h3">
                        <i class="am-icon-balance-scale am-icon-sm"></i>
                        PSR4标准
                    </h3>

                    <p class="detail-p">
                        更严谨的遵从PSR4标准,再笨也能够找到对象和方法
                    </p>
                </div>
                <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">
                    <h3 class="detail-h3">
                        <i class="am-icon-ship am-icon-sm"></i>
                        Composer
                    </h3>

                    <p class="detail-p">
                        支持Composer,不只是我的PPPHP,也是你的xxphp
                    </p>
                </div>
                <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">
                    <h3 class="detail-h3">
                        <i class="am-icon-wheelchair am-icon-sm"></i>
                        中文的注释
                    </h3>

                    <p class="detail-p">
                        想了解框架底层的话,为你准备全中文的注释,不试试看么
                    </p>
                </div>
                <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">
                    <h3 class="detail-h3">
                        <i class="am-icon-line-chart am-icon-sm"></i>
                        轻量级高性能
                    </h3>

                    <p class="detail-p">
                        按需的加载,可以支持更高的性能,节省更多的开销
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="hope">
    <div class="am-g am-container">
        <div class="am-u-lg-4 am-u-md-6 am-u-sm-12 hope-img">
            <img src="http://kphcdr.oss-cn-qingdao.aliyuncs.com/assign/app/images/avatar.gif" alt="" class="am-circle">
            <hr class="am-article-divider am-show-sm-only hope-hr">
        </div>
        <div class="am-u-lg-8 am-u-md-6 am-u-sm-12">
            <h2 class="hope-title">溺水三千,我喝点自来水</h2>

            <p>选择框架的原因有很多,但我更愿意选择自己能够把控的框架,这样面对后期需求的变化和性能的扩展都游刃有余.</p>
        </div>
    </div>
</div>

<div class="about">
    <div class="am-g am-container">
        <div class="am-u-lg-12">
            <div class="am-g">
                <div class="am-u-lg-12 am-u-md-12 am-u-sm-12">
                    <h4 class="about-color">关于咱们</h4>
                    <p>咱们是一群崇尚自由的程序员,虽然生活所迫干点Ctrl+C Ctrl+V的活,但咱们心中依然保留了那一块最纯净的地方,咱们在那一方土地上耕耘收货</p>
                    <h4 class="about-color">联系我</h4>
                    <p>QQ群:293398791</p>
                    <p>Email:kphcdr@gmail.com</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock%}